<!DOCTYPE html>
<html>
  <head>
    <title>Bootstrap 101 Template</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Bootstrap -->
    <link href="{$Think.const.COMMON_URL}/css/bootstrap.min.css" rel="stylesheet" media="screen">
    <link rel="stylesheet" href="{$Think.const.COMMON_URL}/css/font-awesome.min.css">
    <script src="{$Think.const.COMMON_URL}/js/jquery-1.7.2.min.js"></script> 
    <script src="{$Think.const.COMMON_URL}/js/bootstrap.js"></script>
    <script src="{$Think.const.ADMIN_JS_URL}/admin.js"></script>
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
  </head>
  <body>
  <script type="text/javascript">
      $(document).ready(function(){
    	  $('.name').each(function(){
    		  $(this).blur(function(){
    			 $(this).css('border-color','red'); 
    		  });
    	  });
      });
  </script>
    <div class="tabbable">
	  <ul class="nav nav-tabs">
	  	<li ><a href="#tab1" data-toggle="tab">电影分类管理</a></li>
	    <li class="active"><a href="#tab2" data-toggle="tab">增加分类</a></li>
	  </ul>
	   <div class="tab-content">
	   <div class="tab-pane" id="tab1">
	     <table class="table table-bordered">
		  <thead>
		    <tr>
		      <th>ID名称</th>
		      <th>创建</th>
		      <th>中文名</th>
		      <th>英文名</th>
		      <th>管理操作</th>
		    </tr>
		  </thead>
		  <tbody>
		 {$termlist}
		    <tr><td colspan="5"><button class="btn btn-primary">全选</button>&nbsp;&nbsp;<button class="btn btn-primary">反选</button>&nbsp;&nbsp;;<button class="btn btn-warning">批量删除</button></td></tr>
		  </tbody>
		</table>
	   </div>
	   <div class="tab-pane active" id="tab2">
	     <form class="form-horizontal" action="{:U('movieterm/edit_post')}" method="post" id="edit_form">
					  <div class="control-group">
					    <label class="control-label" for="inputEmail">上级</label>
					    <div class="controls">
					      <select name="p_id">
					        <option value='0'>作为一级目录</option>
							{$editlist}  
						  </select>
					    </div>
					  </div>
					  <div class="control-group">
					    <label class="control-label" for="inputPassword">中文分类名称</label>
					    <div class="controls">
					      <input class="name" type="text"  placeholder="电影名称" name="term_name" value="{$info.term_name}" >&nbsp;<span class="icon-warning-sign"></span>
					      <input type="hidden"  name="id" value="{$info.id}" >
					    </div>
					  </div>
					  <div class="control-group">
					    <label class="control-label" for="inputPassword">英文分类名称</label>
					    <div class="controls">
					      <input class='name' type="text" placeholder="电影英文名称" name="term_ename" value="{$info.term_ename}" >&nbsp;<span class="icon-warning-sign"></span>
					    </div>
					  </div>
					  <div class="control-group">
					    <label class="control-label" for="inputPassword">SEO标题</label>
					    <div class="controls">
					      <textarea rows="3" name="seo_title">{$info.seo_title}</textarea>
					    </div>
					  </div>
					  <div class="control-group">
					    <label class="control-label" for="inputPassword">SEO关键字</label>
					    <div class="controls">
					      <textarea rows="3" name="seo_keywords">{$info.seo_keywords}</textarea>
					    </div>
					  </div>
					  <div class="control-group">
					    <label class="control-label" for="inputPassword">关键字描述</label>
					    <div class="controls">
					      <textarea rows="3" name="seo_description">{$info.seo_description}</textarea>
					    </div>
					  </div>
					  <div class="form-actions">
				      <button type="submit" class="btn btn-primary">保存</button>
				      <button type="reset" class="btn btn-warning  js-ajax-submit">重置</button>
				    </div>
			  </form>
	   </div>
	   </div>
	 </div>
  </body>
</html>